<template>
	<div class="container-box">
		<div >
			<el-input
				type="textarea"
				:rows="15"
				placeholder="请输入内容"
				v-model="inputValue">
			</el-input>
		</div>
		<div style="padding:20px;">
				<el-button @click="convert" type="primary">立即转化</el-button>
		</div>
		<div class='wrapper'>
			<el-input
				type="textarea"
				:rows="15"
				placeholder="请转换"
				:readonly='true'
				v-model="outputValue">
			</el-input>
			
		</div>
		
	</div>
</template>

<script>
import {
  Encrypt,
  Decrypt
} from '@/util/cryptoJs'
export default {

  data() {
    return {
      inputValue:'',
      outputValue: ''
    }
  },
  methods: {
    convert(){
      this.outputValue = Decrypt(this.inputValue.replace(/\"/g, ''));
    }
  }
}
</script>

<style lang="scss" scoped>
    
	.wrap {
		padding: 0rpx 0rpx 30rpx 0rpx;
	}

	.container-box {
		padding: 20px;
		
	}
 
</style>
